import React, { Component } from 'react'
import {CounterConsumer} from '../CounterStore'

export default class Counter extends Component {
    render() {
        return (
            // 在给Consumer传递的函数会回传一个参数对象（任意类型），该参数式上面Provider的value传递的
            <CounterConsumer>
                {
                   // (args) => {
                   //     console.log("CounterConsumer(Consumer)获取的共享数据=",args)
                   ({count}) => { // 也可以直接把需要的值解构出来
                        //return <span>{10}</span>
                        return <span>{count}</span>
                    }
                }
            </CounterConsumer>
        )
    }
}